<template>
  <div class="control">
    <slot></slot>  <!-- checkbox组件会插入其中 -->
  </div>
</template>
<script>
export default {
  name: "xCheckboxGroup",
  provide() {
    return {
      xCheckboxGroup: this //将组件本身的vue对象传递给下级
    };
  },
  props: {
    value: null, //v-model绑定的值
    disabled: Boolean
  },
  created() {
    this.$on("handleChange", value => {
      //监听自身的handleChange事件
      this.$emit("change", value); //触发自身的change事件
    });
  }
};
</script>
